<template>
	<div id="home">
		<!-- 头部标题 -->
		<div class="page_title">六大比拼</div>
		<!-- 主体内容 -->
		<div class="content">
			<!-- 左侧面板 -->
			<div class="left">
				<!-- 左上 —— 比拼概况 -->
				<div class="card left_up">
					<div class="title">
						<div class="decorate"></div>
						<div class="title_txt">比拼概况</div>
					</div>
					<p>
						2021年，围绕省市重点考核目标以及动能提档、产业提能、统筹提效、城乡提优、民生提质、党建提强工作总要求，通过比干劲、比实绩、比服务、比担当，着力推动理念大对标、实绩大比武，进一步提振全市党员干部实干争先、改革创新的激情，比起来、干起来、热起来，确保为“十四五”发展开好局、起好步，以优异成绩庆祝建党100周年。
					</p>
				</div>
				<!-- 左下 —— 比拼风采 -->
				<div class="card left_down">
					<div class="title">
						<div class="decorate"></div>
						<div class="title_txt">比拼风采</div>
					</div>
					<a-carousel autoplay>
						<div>
							<img
								src="../../assets/3.jpg"
								alt=""
								style="width: 100%"
							/>
						</div>
						<div>
							<img
								src="../../assets/2.jpg"
								alt=""
								style="width: 100%"
							/>
						</div>
					</a-carousel>
					<!-- <a-progress
            class="pie_progress"
            :width="130"
            :strokeWidth="10"
            type="circle"
            :stroke-color="{
              '0%': '#25a4fb',
              '100%': '#1ab6fc',
            }"
            :percent="31"
          />
          <div class="progress_label">落实率</div>
          <div class="pie_legends">
            <div class="total_box">
              <div class="total_num">35</div>
              <div>总批示</div>
            </div>
            <ul class="num_list">
              <li>
                <div class="dot"></div>
                <div>已落实</div>
                <div class="number">11</div>
              </li>
              <li>
                <div class="dot"></div>
                <div>未落实</div>
                <div class="number">6</div>
              </li>
            </ul>
          </div> -->
				</div>
			</div>
			<!-- 主面板 -->
			<div class="middle">
				<!-- 搜索栏 -->
				<!-- <div class="search_box">
          <a-icon class="search_icon" type="search" />
          <input type="text" placeholder="查问题、查单位" />
          <div class="search_button">搜索</div>
        </div> -->
				<!-- 浮动卡片 -->
				<div
					class="floatCard_bar"
					v-for="(item, index) in ldbp"
					:key="index"
					@mouseup="tabOver"
				>
					<router-link
						v-for="(value, key) in item"
						:key="key"
						:to="value.url"
					>
						<div v-if="key === 1">
							<div class="floatCard_box fc_big">
								<div
									class="floatCard fc_big"
									:class="[`fc_big_add_${value.extra.length}`]"
								>
									<div class="floatCard_title">{{ value.name }}</div>
									<!-- <div class="floatCard_info">
                    <span class="redNum">{{value.red}} / </span>
                    <span class="totalNum">{{value.total}}</span>
                    <span class="prop">{{(value.red / value.total * 100).toFixed(1)}}%</span>
                  </div> -->
									<div
										class="floatCard_info"
										v-for="(itemm, indexx) in value.extra"
										:key="indexx"
									>
										<div
											class="info_key"
											:title="itemm.key"
										>
											{{ itemm.key }}
										</div>
										<!-- <div class="info_value">{{itemm.value}}</div> -->
									</div>
								</div>
							</div>
						</div>
						<div v-else>
							<div class="floatCard_box">
								<div
									class="floatCard"
									:class="[`fc_add_${value.extra.length}`]"
								>
									<div class="floatCard_title">{{ value.name }}</div>
									<!-- <div class="floatCard_info">
                    <span class="redNum">{{value.red}} / </span>
                    <span class="totalNum">{{value.total}}</span>
                    <span class="prop">{{(value.red / value.total * 100).toFixed(1)}}%</span>
                  </div> -->
									<div
										class="floatCard_info"
										v-for="(itemm, indexx) in value.extra"
										:key="indexx"
									>
										<div
											class="info_key"
											:title="itemm.key"
										>
											{{ itemm.key }}
										</div>
										<!-- <div class="info_value">{{itemm.value}}</div> -->
									</div>
								</div>
							</div>
						</div>
					</router-link>
				</div>
				<!-- 中下 —— 各乡镇问题清单 -->
				<div class="card middle_down">
					<div class="title">
						<div class="decorate"></div>
						<div class="title_txt">各乡镇问题清单</div>
					</div>
					<div
						id="middle_down"
						class="middle_down_map"
						:style="{ width: '100%', height: '100%' }"
					></div>
				</div>
			</div>
			<!-- 右侧面板 -->
			<div class="right">
				<!-- 右上 —— 榜单清单展示 -->
				<div
					class="card right_up"
					@mouseover="tabOver"
					@mouseout="tabOut"
				>
					<div class="title">
						<div class="decorate"></div>
						<div class="title_txt">榜单清单展示</div>
						<div
							class="change_tab_btn"
							:class="is_xzjd_tab ? 'active' : ''"
							@click="tojgbm"
						>
							乡镇街道
						</div>
						<div
							class="change_tab_btn"
							:class="is_xzjd_tab ? '' : 'active'"
							@click="toxzjd"
						>
							机关部门
						</div>
					</div>
					<!-- 表单 —— 乡镇街道 -->
					<a-table
						class="tab"
						v-show="is_xzjd_tab"
						:columns="zj_columns"
						:data-source="zj_right_up"
						:pagination="false"
						:scroll="{ y: 200 }"
						:rowClassName="rowName"
					>
						<span
							slot="test"
							slot-scope="test"
						>
							<strong style="color: #ee6666">{{ test.red }} / </strong>{{ test.total }}
						</span>
					</a-table>
					<!-- 表单 —— 机关部门 -->
					<a-table
						class="tab"
						v-show="!is_xzjd_tab"
						:columns="bm_columns"
						:data-source="bm_right_up"
						:pagination="false"
						:scroll="{ y: 200 }"
						:rowClassName="rowName"
					>
						<span
							slot="test"
							slot-scope="test"
						>
							<strong style="color: #ee6666">{{ test.red }} / </strong>{{ test.total }}
						</span>
					</a-table>
				</div>
				<!-- 右下 —— 比起来、干起来、热起来 -->
				<div class="card right_down">
					<div class="title">
						<div class="decorate"></div>
						<div class="title_txt">比起来、干起来、热起来</div>
					</div>
					<!-- 列表 -->
					<ul class="bipin_list">
						<li
							class="binpin_item"
							v-for="(item, index) in bipinList"
							:key="index"
						>
							<div class="dot"></div>
							<div
								class="binpin_txt"
								:title="item.title"
								@click="showRightList(index)"
							>
								<div>{{ item.title }}</div>
								<img :src="item.icon" />
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 右下角内容的弹窗 -->
		<a-modal
			class="modal"
			:width="900"
			v-model="right_down"
			:title="currentBipin >= 0 ? bipinList[currentBipin].title : 'null'"
			cancelText="关闭"
			:afterClose="closeBox"
		>
			<div
				style="height: 32vw; overflow: auto"
				v-if="currentBipin >= 0"
			>
				<!-- 图片 -->
				<div>
					<img
						v-for="(item, index) in bipinList[currentBipin].imgUrl"
						:key="index"
						:src="item"
						style="width: 100%; marginbottom: 1vw"
					/>
				</div>
				<!-- 文章 -->
				<div
					v-for="(item, index) in bipinList[currentBipin].content"
					:key="index"
					style="backgroundcolor: #72c0f930"
				>
					<p
						v-for="(value, key) in item"
						:key="key"
						style="text-indent: 2em; line-height: 1.7vw"
					>
						{{ value }}
					</p>
				</div>
			</div>
		</a-modal>
		<!-- 中下地图 问题整改 -->
		<a-modal
			class="modal"
			:width="500"
			v-model="mapList"
			:title="listContent"
			@ok="mapList = false"
			cancelText="关闭"
			okText="了解"
		>
			<ul>
				<li
					v-for="(item, index) in mapListData[listContent]"
					:key="index"
					class="map_item"
				>
					<div class="circle"></div>
					<div class="content">{{ item }}</div>
				</li>
			</ul>
		</a-modal>
	</div>
</template>

<script>
	import dd from 'gdt-jsapi';
	import axios from 'axios';
	import GeoJSON from '../../assets/建德市GeoJSON';
	let tab = document.getElementsByClassName('ant-table-body');

	// const data_1 = [
	//   { value: 103, name: '红榜数', percent: '15.5%' },
	//   { value: 25, name: '黄榜数', percent: '4%' },
	//   { value: 235, name: '无榜数', percent: '-0.4%' },
	//   { value: 0, name: '黑榜数', percent: '-100%' },
	// ];

	export default {
		name: 'Home',
		data() {
			return {
				mapListData: {
					新安江街道: [
						'1-4月，新安江街道在乡村“智治”方面，存在信访件数量增加、问题反弹等情况，其中杭州市级以上信访件3件。',
						'1-4月，新安街道在巩固提升清廉乡村建设方面，问题处置不及时，存在未开展基层监督固定日活动的问题。',
					],
					更楼街道: [
						'1-4月，更楼街道在美丽城镇建设方面，项目推进较慢，上黄榜。',
						'1-4月，更楼街道岩源村在检查中发现问题较多，沿路沿线环境脏乱、乱堆放问题突出，公共设施损坏后无人修理。',
						'5-6月，更楼街道有项目未达到时序进度，其中更楼街道小镇客厅仍未开工，更楼商贸特色项目等产业项目特色亮点不鲜明，未形成完整产业链。',
					],
					洋溪街道: [
						'洋溪街道洋安S-1地块，洋溪街道等建设主体均自报完成清零任务，但现场复核时仍发现有坟墓未搬迁、农户未拆迁等情况，导致项目所涉地块无法及时净地出让、划拨。',
					],
					梅城镇: [
						'在全市殡葬领域移风易俗工作督查中发现，梅城镇洋尾片区殡葬设施缺失，且不愿引导村民进入乡镇级的生态殡葬设施，群众反响强烈，并在督查中发现梅城镇望山村一丧事丧期长达9天。',
						'1-4月，梅城镇在巩固提升清廉乡村建设方面，未开展基层监督固定日活动。',
					],
					寿昌镇: [
						'1-4月，寿昌镇在巩固提升清廉乡村建设方面，未有效组织村社登陆智慧管家平台，未及时录入基础信息。',
						'5-6月，寿昌镇复垦资源挖潜积极性不高，建设用地复垦申报面积未达到任务数。',
					],
					大同镇: [
						'1-4月，大同镇在乡村“智治”方面，存在信访件数量增加，问题反弹等情况，其中杭州市级以上信访件4件。',
						'1-4月“六大比拼”亮榜情况，大同镇在环境大整治榜位列黑榜。',
					],
					乾潭镇: [
						'1-4月，乾潭镇土地整治政策处理不及时，影响整体进度，如乾潭镇乾一村垦造耕地项目，因土方拍卖未启动，严重影响施工进度。',
						'1-4月，乾潭镇在环境大整治方面，宣传氛围不浓，外宣信息少，群众知晓率、参与度偏低，同时存在管理弱化、管控缺位、环境秩序较差等情况，部分重点点位周边环境卫生状况不容乐观。',
						'5-6月，乾潭镇做地主体进度偏慢，完成率低于50%，未达到“双过半”要求。',
						'8月绿道建设督查中发现，乾潭镇的新安绿道胥溪北段因征地问题耽搁数月，严重影响施工推进。',
					],
					三都镇: [
						'在全市殡葬领域移风易俗工作督查中发现，三都镇前源村殡葬设施缺失，且不愿引导村民进入乡镇级的生态殡葬设施，群众反响强烈。',
						'1-4月，三都镇土地整治政策处理不及时，影响整体进度，如三都镇新和村等垦造耕地项目，因土方拍卖未启动，严重影响施工进度。',
						'1-4月，三都镇在项目储备方面仍无在谈项目。',
						'1-4月，三都镇在环境大整治方面，宣传氛围不浓，外宣信息少，群众知晓率、参与度偏低，同时存在管理弱化、管控缺位、环境秩序较差等情况，部分重点点位周边环境卫生状况不容乐观。',
						'5-6月，三都镇建设用地复垦申报面积未达到任务数，且项目推进较慢，如三都镇入镇口沿线环境提升工程等项目仍未开工。',
					],
					杨村桥镇: [
						'1-4月，杨村桥镇在美丽城镇方面，长效管理不健全，存在管理弱化、管控缺位、环境秩序较差等情况，部分重点点位周边环境卫生状况不容乐观。',
						'5-6月，杨村桥邻里中心改造和草莓小镇客厅周边环境提升项目建设进度偏慢。',
					],
					下涯镇: [
						'5-6月，下涯镇建设用地复垦申报面积未达到任务数，下涯之江山边区块安置房工程前期不充分。',
					],
					大慈岩镇: ['5-6月，大慈岩镇做地主体进度偏慢，完成率低于50%，未达到“双过半”要求。'],
					航头镇: [
						'1-4月，航头镇在美丽城镇建设方面，项目推进较慢，长效管理不健全，存在管理弱化、管控缺位、环境秩序较差等情况，部分重点点位周边环境卫生状况不容乐观。在巩固提升清廉乡村建设方面，航头镇对群众反映问题未及时处置回复。',
					],
					李家镇: ['李家镇未全部完成“一镇一业”重点任务。'],
					大洋镇: [
						'大洋镇移风易俗宣传工作不到位，村干部和群众普遍认为禁止封建道场仅仅是疫情防控需要而不是移风易俗要求。',
						'1-4月，大洋镇在项目储备方面仍无在谈项目。',
						'5-6月，大洋镇做地主体进度偏慢，完成率低于50%，未达到“双过半”要求，本期应完成收储5宗，截至目前均未完成。复垦资源挖潜积极性不高，目前建设用地复垦申报面积未达到任务数。',
						'8月绿道建设督查中发现，大洋镇的2条未开工，进度严重滞后。',
					],
					莲花镇: [
						'1-4月，莲花镇项目储备及美丽城镇建设方面进度均较慢，进黄榜。',
						'5-6月，莲花镇文体中心项目仍未开工。',
					],
					钦堂乡: [
						'1-4月，钦堂乡在环境大整治方面，宣传氛围不浓，外宣信息少，群众知晓率、参与度偏低。美丽城镇方面，项目推进不快。巩固提升清廉乡村建设方面，钦堂乡未有效组织村社登陆智慧管家平台，未及时录入基础信息。',
						'5-6月，钦堂乡建设用地复垦申报面积未达到任务数。',
					],
					航空小镇: [
						'1-4月，开发区（航空小镇）温泉三期地块161亩项目因征迁不到位、规划条件未出具等原因未按计划完成收储。重大项目方面，开发区（航空小镇）有项目但未达到时序进度。',
					],
					高铁新区: ['暂无'],
				},
				currentBipin: 0, // 右下角比拼的当前索引
				right_down: false, // 右下角弹窗是否显示
				listContent: 'test', // 点击的地区名称
				mapList: false,
				time: null,
				is_xzjd_tab: true,
				ldbp:
					// 二维数组
					[
						// 上3个
						[
							{
								name: '空间拓展',
								red: 13, // 当前月红榜数
								total: 63, // 当前月总榜数
								url: '/kjtz', // 常量 对应名称
								extra: [
									// 额外数据，卡片的下拉内容 （注意：每个比拼中的额外数据不同）
									{
										key: '土地收储榜',
										value: '88%',
									},
									{
										key: '土地整治榜',
										value: '66%',
									},
									{
										key: '低效再开发榜',
										value: '66%',
									},
								],
							},
							{
								name: '全域美丽',
								red: 18,
								total: 46,
								url: '/qyml',
								extra: [
									{
										key: '环境大整治',
										value: '66',
									},
									{
										key: '美丽城镇',
										value: '88',
									},
								],
							},
							{
								name: '数字化改革',
								red: 27,
								total: 111,
								url: '/szhgg',
								extra: [
									{
										key: '特色亮点榜',
										value: '88%',
									},
									{
										key: '牵头单位',
										value: '88%',
									},
									{
										key: '责任单位',
										value: '88%',
									},
									{
										key: '协同单位',
										value: '88%',
									},
									{
										key: '乡镇街道',
										value: '88%',
									},
								],
							},
						],
						// 下3个
						[
							{
								name: '招大引强',
								red: 18,
								total: 54,
								url: '/zdyq',
								extra: [
									{
										key: '重大项目榜',
										value: '99',
									},
									{
										key: '项目推进榜',
										value: '88',
									},
									{
										key: '项目储备榜',
										value: '66',
									},
									{
										key: '外资榜',
										value: '66',
									},
									{
										key: '制造业项目榜',
										value: '66',
									},
								],
							},
							{
								name: '乡村善治',
								red: 15,
								total: 48,
								url: '/xcsz',
								extra: [
									{
										key: '农村人居环境长效管理榜',
										value: '88%',
									},
									{
										key: '乡村治理“智治”',
										value: '66%',
									},
									{
										key: '清廉乡村建设',
										value: '79%',
									},
								],
							},
							{
								name: '项目推进',
								red: 12,
								total: 41,
								url: '/xmtj',
								extra: [],
							},
						],
					],
				bipinList: [
					{
						title: '空间拓展',
						content: [
							[
								'8月18日上午，市政协举行“请你来协商”活动，围绕“城市空间拓展”开展专题协商，相关乡镇（街道）、部门单位负责人和部分市政协委员面对面对话，围绕规划布局、要素支撑、项目建设等方面进行互动交流，近2万名网友收看直播在线互动。市委书记朱欢出席活动并讲话，市政协主席吴铁民主持，副市长钱晓华、市政协副主席汪华瑛、程旭、严凌云、徐亚娟、王百金、叶强参加活动。',
								'近年来，市委、市政府坚定实施“东扩南拓、西进中优”战略，以规划引领、要素倾斜、产城融合、人口聚集为有效抓手，城乡统筹推进，产业蓬勃发展，区域型交通枢纽初步成型，空间布局不断优化，“美丽宜居江城”城市形象已然呈现。今年年初，市政协把城市空间拓展作为协商主题，组织有关专委、政协委员成立调研组,深入相关部门单位、乡镇（街道）、村（社）和企业座谈调研，多方听取意见建议。',
								'320国道迁建提升项目和建衢高铁建德南站建设进展情况如何？“东扩南拓、西进中优”空间规划和产业布局是怎么考虑的？在加快项目征迁、优化产业布局、助推企业高质量发展、强化要素保障方面有哪些举措？如何推进心安文化小镇建设、城市综合体建设和开发区扩容提升？……在观看市“城市空间拓展”工作视频和听取相关工作汇报后，与会政协委员围绕城市空间拓展等具体问题轮流发言，相关部门负责人针对提问一一作了回答，现场气氛热烈。',
								'朱欢表示，市政协通过“请你来协商”“协商议事厅”“委员会客厅”等有效载体，为市委、市政府决策提出了许多具有前瞻性、科学性、开创性的意见建议。此次“推进城市空间拓展”站位高、选题准、内容实，找到了现阶段制约我市高质量发展、打造“宜居建德”、加快跨越赶超进程中的“痛点”“堵点”和“难点”问题。针对我市面临的发展空间受限、整体品质还不够高、功能配套还有待完善等短板和不足，下步要着力加快320国道改建等重大交通项目建设，大力推进洋溪、城南等重点片区发展，不断拓展提升主城区的城市功能。',
								'围绕协商主题，就如何抓好城市空间拓展工作。朱欢强调，要聚焦“空间拓展”，既要有格局，也要有风貌，让城市布局更优化，抓好规划编制，优化城市布局，强化风貌管控，着力打造高低错落、疏密有致、山水相依的“半边山水半边城”的城市风貌；要聚焦“功能升级”，既要有活力，也要有动力，让城市发展更硬核，坚持以产兴城、产城融合发展，增强高端产业、人才、要素集聚，加快创新平台培育，做优交通功能，做实产业功能，做强创新功能；要聚焦“品质提升”，既要有颜值，也要有内涵，让百姓生活更舒心，充分发挥“具山城之秀、赋江城之美”生态优势，加快城市有机更新和老旧小区改造，彰显山水特色，改善人居环境，优化公共服务，提升城市管理水平；要聚焦“难题破解”，既要有力度，也要有温度，让要素保障更到位，加快推进征地清零和低效用地再开发，综合运用土地资本和地域空间，加大高端人才引招育留，解决好“地从哪里来”“钱从哪里来”“人从哪里来”的问题。',
								'朱欢同时强调，要认真梳理“请你来协商”活动各方意见建议，尽快研究解决，并落实到具体工作中，全力以赴做深做细、抓实抓好城市空间拓展各项工作，为全面提升建德城市综合能级、打造共同富裕的“县域样板”作出应有的贡献。',
							],
						],
						icon: require('../../assets/rightList/icon/kjtz.png'),
						imgUrl: [require('../../assets/rightList/rd_kjtz.jpg')], // 图片路径
					},
					{
						title: '全域美丽',
						content: [
							[
								'打造全省首个美丽乡镇数字大脑平台。建德市积极与阿里巴巴集团合作，开发建设杭州城市大脑•梅城平台，着力解决区域治理、游客体验、居民服务等工作痛点，整体提升城镇功能和治理能力。目前数字梅城一期智慧消防、智慧治理、智慧排水、智慧停车、智慧党建、智慧旅游等6个应用模块已上线运行，实现严州古城智慧旅游新体验。2020年以来，共为237万游客提供了安全保障。数字梅城二期智慧养老、智慧城管等应用建设加速完善中，将打造5G网络全覆盖智能化信息平台，大幅提高游客服务、景区防范和应急救援能力。（浙江信息《专报》）',
							],
							[
								'梅城镇获评2020年度新时代美丽城镇建设省级样板镇，正式列入全省第一批千年古城复兴试点建设名单。建德认真贯彻落实袁书记调研梅城提出的“文化复兴、产业复兴、生态文明复兴”目标要求，启动千年古城复兴计划，实现美丽城镇向千年古城复兴蝶变。一是解码严州千年文化基因。系统挖掘严州文化底蕴，编撰《严州文化全书》二辑，形成1500余万字的严州文化珍贵史料。狠抓历史文化遗存保护，南北双塔获评国保单位、启动中国明清古城墙联合申遗。成功抢救整理《严州图经》、严州方言、严州名画等历史文化遗存。二是展现地域文化核心魅力。重点做好古城山水格局、空间格局、街巷肌理和历史遗存保护复建工作，恢复严州历史格局构造。搭建严州文化传承平台，建成浙大西迁建德办学点、大清邮局、杭州书房等沉浸式文化体验场馆。推出“知府巡街”等民俗展示文化活动，实现严州文化活态展示。三是激发文化兴镇内生动力。深化文旅融合，推出亲子研学、红色旅游等线路引流发展，继2020年国庆期间游客突破41.3万人次之后，今年春节游客达21.28万人次，旅游收入2200余万元，同比2019年分别增长12倍和75倍。今年农历新年第一天，央视新闻客户端直播了梅城民俗表演。',
								'千年古城展新颜。五一假期，浙江建德市梅城镇的严州古城推出了城墙露营大会、3D灯光秀、玉带河夜游、美食嘉年华、夜间小型秀场等精彩纷呈的活动，重现南宋古城韵味，展现出“灯火穿市，笙歌夜宴”的美丽画卷。仅假期前两日，严州古城梅城接待游客达11.4万人次，拉动旅游消费超两千万元，同比增长182.5%。据了解，在浙江省美丽城镇建设和千年古城复兴计划的双重推动下，梅城镇紧紧围绕“建设新时代美丽城镇、再现千年古府新面貌”的总目标，逐步构建起城水相依的古府格局、古今辉映的宋韵传承、文旅融合的活力景区，成功实现了严州古城蝶变。（新华社客户端）',
							],
							[
								'浙江首批11个千年古城复兴试点共探复兴“密码”。古城既是历史的记忆，也是文化的传承，更是浙江建设“文化大省”的重要载体和资源。今年2月，浙江首批11个千年古城复兴试点公布。5月8日，浙江省千年古城复兴工作推进会以及千年古城复兴论坛在建德市梅城镇召开，11个试点古城、18个储备试点单位以及专家学者齐聚，共探古城复兴计划。',
								'在浙江省千年古城复兴梅城论坛上，《智在严州——千年古城复兴试点应用场景建设梅城方案》正式启用，全面打造和迭代完善千年古城游客结构在线分析、古建筑保护数字化和游览资源小程序导引等功能。',
								'“智在严州”方案，按照“1+4+X”模式全方位构筑数字古城。“1”，指梅城镇数字治理协调中心；“4”，指“爱上千年严州•数说严州，畅游千年严州•数游百景，守护千年严州•数化万物，发展千年严州•数惠万民”四大数字应用主场景；“X”，则指四大主场景之下的多个应用场景。',
								'其中数字治理协调中心是“智慧大脑”。协调中心创新探索“138”工作机制，即1个中心集中指挥调度，信息上报、指令下达、部门反馈3大步骤实现闭环反馈追溯，并在8分钟内进行事件应急联处，最终，所有数据、所有事件、所有矛盾等均汇集到中心，为相关部门掌握情况并进行决策提供有效支撑。',
								'四大主场景，则可以用四句话来概括：唐宋元明清，从古数到今；吃住玩乐行，一屏我都行；万物大互联，智慧小哨兵；镇企村社户，联筑复兴路。涵盖了古城的历史文化、社会管理、旅游体验等。',
								'论坛上，来自高校、学术研究院等地的专家学者，从不同视角，为古城复兴出谋划策。浙江师范大学陈文华教授认为，古城应产业差异化发展，各有特色；中国范仲淹学术研究会会长范国强对古城镇发展的平衡与决择进行了探讨；站在数字化改革前沿的阿里巴巴集团，云智能事业群高级解决方案总监刘杨则带来了古城复兴的数字化建设思路。',
								'据了解，浙江省将围绕强化规划引领作用、加强历史遗存依法保护、强化产业发展、强化项目建设、强化数字赋能、强化要素保障、强化典型引入等方面，高标准推进复兴试点工作，有序推进千年古城复兴。',
							],
						],
						icon: require('../../assets/rightList/icon/qyml.png'),
						imgUrl: [
							require('../../assets/rightList/rd_qyml_1.jpg'),
							require('../../assets/rightList/rd_qyml_2.jpg'),
						],
					},
					{
						title: '数字化改革',
						content: [
							[
								'建成全省首个乡村清廉智慧监督平台。建德与中国科学院计算技术研究所共同成立大数据监督实验室，在全省率先建立市镇村三级联动、监督监察“一网覆盖”的清廉建德智慧监督平台。今年3月，建德市纪委基层公权力智慧监督体系和村级工程“一件事”智慧监管平台工作，先后被省纪委和杭州市纪委列为数字化改革试点。一是权力信息全民监督。清廉建德智慧监督平台以“一张网一朵云四大系统”（全域治理监督网，监督云系统，数据备案系统、信息安全系统、公示监督系统、智能分析系统）为主体架构，整合民生资金、政府投资项目、村级“三小五亮”（村级小微权力运行、村级小型工程建设、村级小额资金管理，干部亮“职”、清单亮“权”、公开亮“项”、监督亮“责”、清廉亮“效”）、亲清政商等领域451万余条信息，植入“云端监察联络站”“最多反映一次”等模块，实现群众实时在线举报反映。二是问题线索智能识别。塑造关联分析模型，通过专利算法，对全市党员、领导干部、六类监察对象为主体的2亿余条行为数据进行多维度分析比对。截至2021年4月，累计发现各类问题线索8996条，基层纪检监察信访总量同比下降21.3%。三是全域治理固本提效。建立线索处置“一函一书一督办”制度，对平台自动筛选出的疑似违纪违法问题，由纪检监察机关向相关单位发函，限期核实疑似问题，经查属实的问题落实处理责任。截至目前，督促相关单位完善困难群众帮扶、专项资金拨付、工程项目管理等制度机制34项，注销公职人员涉商相关企业88家。（浙江信息《专报》）',
							],
							[
								'升级研发“鹰眼”系统 2.0版本，全力打造交通安全监管数字治理体系。2018年9月，建德市正式实施“鹰眼”系统，在重（中）型货车上安装主动安全系统，能够主动识别驾驶员的各类违法行为，及时告警命令，提醒安全驾驶，实现智慧化监管。2020以来，在“鹰眼”系统护航一期平台基础上，研发打造“鹰眼”系统 2.0版本，已完成2021辆大货车安装工作。截至目前，全市涉及工程运输车亡人道路交通事故仅2起3人，死亡事故起数下降60%，亡人数下降40%。（浙江信息《专报》）',
							],
							[
								'率先打造县域健康数据治理平台。2020年以来，建德基于杭州市城市大脑医疗中枢在全省率先启动县域健康数据治理平台建设，平台面向患者、医护、管理者三个维度，推出就诊、治疗等六大在线应用服务，以数字化智慧医疗服务有效破解传统就医模式的诸多痛点。一是建立全市统一的健康数据管理系统。整合全市5家市级医院、15家乡镇卫生院和202家村卫生室（服务站）的医疗信息系统，实现数据信息统一标准化。自今年1月正式上线以来，每日新增20多万条医疗业务数据，8000多名患者医疗信息已上传至杭州城市大脑。二是推出六大在线智能应用。搭建患者在线、诊疗在线等六大在线应用，实现智能化就医诊疗、现代化监督管理。目前，平台累计服务市民4.5万余人次，患者平均节省就诊时间20分钟以上。三是培育县域健康城市生态圈。在连接公立医疗机构的基础上，今年底全市300余家民营医疗机构（诊所）将全部接入平台，并继续探索推出“未来健康村卫生室”“云药房物流配送药品”等服务。（浙江信息《每日简报》）',
							],
							[
								'浙江建德掀起数字化改革“青春风暴”。“我们是否可以将村（社区）作为‘未来社区共同体’进行打造？”“我建议在一部分农业人才和人才项目引进的时候就签订对赌协议。”……4月19日，杭州建德市36位党政储备人才、选调生、农创客、青年企业家等齐聚新安江畔，上演了一场别开生面的“青年人才说”团日活动。',
								'活动现场，青年人才代表围绕“如何发挥青年力量打造未来社区”“青年如何参与数字化改革进程”等议题，展开关于“未来社区、青年志愿服务、乡村振兴、数字化改革”四大主题的现场辩论。',
								'“关注青年发展就是关注建德未来，我们需要倾听青年之声、了解青年之需、答好青年之问，把青年的积极性、主动性、创造性切实引导好、保护好、发挥好。”共青团建德市委副书记邵慧婷介绍，近年来，建德市狠抓人才工作，奋力打造人才栖息地，为加快实现建德数字化改革提供持久强劲的内生动能。',
								'建德市委书记朱欢表示，在建党100周年之际，建德青年更要积极主动带头学党史、悟思想、办实事、开新局，从百年党史中汲取精神、智慧和力量，把学习党史与工作生活结合起来，驰而不息地汲取“真理的味道”。（人民网）',
							],
						],
						icon: require('../../assets/rightList/icon/szhgg.png'),
						imgUrl: [require('../../assets/rightList/rd_szhgg.jpg')],
					},
					{
						title: '乡村善治',
						content: [
							[
								'打造全国首个全面落地的乡村钉平台。建德作为阿里巴巴“2020春雷计划”全国首批实施对象，全面推进阿里乡村钉场景应用，加速提升农民网络化组织程度。2020年9月28日，中央深改办专项督查杭州城市大脑工作，建德乡村钉应用场景进行专门展示，得到督察组领导充分肯定。一是织密“五级管理网”。利用乡村钉构建“县、镇、村、组、户”五级管理的数字乡村架构网，16个乡镇（街道）、288个村14.4万户、22万农村人口信息导入乡村钉，实现村民全部纳入线上网格，农民网络化组织程度在全国位居前列。二是打造“指尖议事会”。通过乡村钉开发“四务公开”等各类应用场景，实现线上信息发布、村务研究等。利用视频会议、直播等功能，召开线上直播党员大会、宣传乡贤先进事迹等。三是创建“钉上办事厅”。将“最多反映一次”办事大厅和服务窗口搬到乡村钉上，群众在钉上一键提交需办事项，村干部及时办理、反馈，群众事项办结时间从线下平均2-3天缩短到线上平均0.5-1天。如建德三都镇松口村借助数字化改革推进乡村智治，推出“美好账本”积分管理系统，形成以数字化组织协同为大脑的“数字乡村”，补齐乡村治理“最短一块板”。（浙江信息《专报》、浙江信息《每日简报》）',
							],
							[
								'强化农村群众生活实事数字场景应用。针对农饮水达标提标行动，开发建设农村饮用水数字化管理系统，对市镇水厂、中间泵站和116处单村供水站，实现原水、制水、管网、末端4个环节的数字化管理，农村清洁供水数字化管理被列为省级试点。针对农村养老存在的问题，在全省首先为32家养老服务机构安装“亲情直通车”视讯系统，开发建设20个农村养老机构“千里眼”视控系统，实时监控养老机构运行情况、追踪管理漏洞和安全隐患。针对山区农业生产实际需求，引进全国最大的农业植保无人机平台“农飞客”总部，平台聚集1000余名植保无人机“飞手”，先后为全国2000万亩次农田提供植保服务。（浙江信息《专报》）',
							],
							[
								'建德市成功入选2020年全国农村人居环境整治成效明显的激励候选县名单，全国仅20家、全省唯一。近年来，建德市深入实施“千村示范、万村整治”工程，按照“全域推进、示范引领、产业融合、三农转型”的思路，高标准开展了农村人居环境提升工作，探索出了一条环境提升带动乡村产业振兴的农村人居环境整治的“建德路径”。一是坚持全域化整治，彻底改善农村环境面貌。久久为功，持续打好治水拆违攻坚战，全市农村环境得到全面改善。先后荣获省农村生活污水治理优秀县、省无违建县（市）等荣誉，夺得“五水共治”首个杭州地区“银鼎”。抓好农村生活垃圾、污水、厕所三大革命，建成农村生活污水处理终端池870座、管网2000余公里，受益农户超9万户，累计改造卫生厕所145601户，卫生厕所普及率100%，获评省农村生活垃圾分类处理优胜县。二是坚持精致化打造，有效贯通美丽建德体系。投入15亿元完成新安江综合保护工程建设，全线贯通绿道233.76公里，打造“新安江—富春江”黄金主轴线。以美丽梅城建设为龙头，全域推进美丽城镇建设，已建成全省美丽城镇样板镇2个。全力抓好美丽乡村建设，建成省级示范乡镇9个、精品村67个，实现美丽乡村建设全域覆盖。串点成线、连网成片，打造了三江诗路线、浙人寻根线、稻香农创线等11条风景线。三是坚持均衡化供给，切实优化农村公共服务。省教育基本现代化市通过评估，积极招引杭七院等主城区优质医疗资源落地建德，近三年来新建和改建医院14所、学校40所，总投资30余亿元。累计建成文化礼堂231家，实现行政村全覆盖，荣获2019年度全省文化礼堂建设示范县。高品质推进“四好农村路”建设，2018-2020年完成通自然村公路建设169.6公里，低等级公路提升改造301.6公里。四是坚持特色化发展，不断激发农村发展活力。扎实推进消薄增收工作，2020年全市村级集体经济总收入达2.45亿元，实现全市行政村“3020”全覆盖。加快农业向观光休闲创意农业、农村向景区、农民向三产从业者转型。高标建成草莓小镇、稻香小镇等特色小镇，全市打造A级以上景区村40个、建成果蔬乐园基地22家、民宿186家、民宿示范村10个，年接待游客超千万人次。',
							],
							[
								'小工程大监督 浙江建德这个智慧平台让村级工程更“阳光”。村级工程如何更好地在阳光下运行？4月28日，浙江建德市村级工程“一件事”智慧监管平台全面上线。该平台的推广使用，将促使建德全市每一个村级工程项目实现全流程数字化管理，让村级工程运行在阳光之下。',
								'在建德杨村桥镇杨村桥村安置房工程项目现场，村民只要扫一扫该工程的专属二维码，就能查看工程全流程信息。作为村级工程“一件事”智慧监管平台先行试点乡镇，杨村桥镇目前已经有129个项目纳入全流程数字化管理。',
								'“这个平台用起来很方便，工程立项、招标、合同等各环节文书材料平台里都有。”在同样是试点乡镇的大慈岩镇，里叶村党委书记叶麟说，该平台包括“立项”“预算”“招标”“合同”“建设”“质量”“监督”“变更”“验收”“审价”“付款”“归档”等12个环节，每个环节都有一个操作模块，按照统一标准、统一要求实施管理。',
								'同时，系统也减轻了基层村干部的负担，每个环节填入基本信息后，由系统自动生成统一的制式表格、合同模板等，可随时打印，方便简洁。',
								'“而针对这12个流程环节，我们还建立了5个预警分析模型，运用大数据技术，进一步发现并预警村级工程存在的隐形问题。”建德市纪委相关负责人介绍，在建德市村级工程“一件事”智慧监管平台的预警页面，有14项预警指标，比如中标、合同、发票、收款单位不一致，工程变更率超出10%等，只要录入的数据触发预警阀值，系统就会自动发出预警。',
								'“除了现场扫码，在手机上同样可以随时了解村里的工程建设情况，特别方便。”杨村桥镇岭源村村民朱建斌是岭源村下山移民二期安置户，常年在内蒙古种草莓。如今，他通过智慧管家手机端推送的工程二维码了解到，二期安置房地基强夯工程已完成验收，杆线上改下和污水处理工程也已立项。',
								'“在智慧管家平台中的‘指尖上的户主会’个性板块，村民还能对工程进行星级评定和发表意见建议。”杨村桥镇纪委相关工作人员介绍，该系统上线以来，共收到村民关于村级工程的意见建议560余条，其中合理化建议128条，优化工程方案40余个，节省工程资金100余万元。',
								'“我们以数字化改革为契机，运用‘一件事’思维，强化系统观念，倒逼流程再造，紧盯群众关心关切问题，通过精准监督、数智监督，着力解决村级工程领域易发多发问题，以小切口推动大监督，不断增强人民群众的幸福感、获得感和安全感。”建德市纪委监委主要负责人介绍。',
								'此外，建德市纪委监委还运用大数据分析，对全市的村级工程项目、施工单位进行综合排名，对排名靠前的施工单位给予政策倾斜，对排名靠后的施工单位进行重点监管。（人民网）',
							],
						],
						icon: require('../../assets/rightList/icon/xcsz.png'),
						imgUrl: [require('../../assets/rightList/rd_xcsz.jpg')],
					},
					{
						title: '项目推进',
						content: [
							[
								'9月6日上午，市委书记朱欢带领相关部门负责人深入重点项目建设施工现场，专题调研督查重点项目推进情况，强调要深入贯彻落实新发展理念，围绕项目建设各个环节，进一步增强效率意识、责任意识、服务意识，高质量加大招商力度，加快推动重点项目落地见效。市委常委夏喜生陪同调研。',
								'朱欢一行来到杭州丝绸文化产业园区，他走进生产车间，实地了解制作工艺、生产销售、用工等情况，询问了园区招商进度和生产经营困难。朱欢强调，要坚持项目为王，产业为本，既要有产业，更要有人气，进一步加大招商力度，拓宽招商渠道，增强招商效果，确保园区建设发展实现既定目标。',
								'随后，朱欢一行来到杭州市第七医院浙西院区建设工程（一期）现场，仔细察看工程建设情况，详细询问工程建设计划和进度，了解项目建设中存在的困难和问题，要求相关部门主动向上对接，积极为项目建设排忧解难，创造良好环境，助推经济社会高质量发展。',
								'在杭衢铁路建德南站站前广场及连接线工程现场，朱欢一行看展板、听汇报、问进度，实地查看了土地平整情况，了解相关工作进展情况，要求属地乡镇（街道）和相关部门加快进度，确保项目建设按时序推进。',
							],
						],
						icon: require('../../assets/rightList/icon/xmtj.png'),
						imgUrl: [require('../../assets/rightList/rd_xmtj.jpg')],
					},
					{
						title: '招大引强',
						content: [
							[
								'建德航空小镇打造通航产业“浙江样板”。建德紧紧围绕袁书记调研航空小镇提出的“打造通航产业浙江样板”目标要求，大力发展通航制造、服务、旅游全产业链，走出了一条以特色小镇建设引领老旧厂区转型之路，成为全国首个省级低空飞行服务体系建设及国家级应急救援航空体系建设“双试点”单位。一是夯实产业基础。以每年损失约25亿元工业产值和1.5亿元税收为代价，关停区块内93家高污染、高能耗小企业，腾出空间资源集聚通航产业，新建机场航站楼、通航孵化中心等项目47个，在全省率先实现长三角区域通勤航线互联互通。二是壮大产业集群。引进省机场集团浙江通航总部、德翼高科等优质项目，导入直升机低空旅游等新业态，打造百亿级通航产业基地。目前已落地5000万元以上项目30个、总投资180亿元。三是搭建科创平台。与上海产业技术研究院浙江创新院、浙江农信合作，打造全国首个“5G+航空智慧小镇”。引入通航重点实验室、航空产学研基地等科创平台9个，共建成院士、博士后等工作站6个，引进航空高层次人才30余名。（浙江信息《每日简报》）',
							],
							[
								'“双一流”高校146名硕博齐聚新安江畔，建德加速“拼抢”人才。“小时候，建德对我来说是‘野旷天低树，江清月近人’的诗意朦胧，来到实地后发现这里有优渥的政策环境，更有求贤若渴的满满诚意。”4月17日上午，建德市党政储备人才招聘见面会上清华大学硕士研究生吴伯瑶刷新了对这座江城的印象。',
								'当天，来自清华大学、北京大学、浙江大学等全国“双一流”高校（学科）的146名硕博研究生齐聚新安江畔，开启与建德结缘的“春天故事”。“走在跨越赶超新崛起征程上的建德，越来越感觉到人才的稀缺、可贵和重要，也正不断完善服务政策和留人机制，拿出最大诚意求才招贤。”见面会上，建德市委书记朱欢向同学们抛出了“绣球”，“我们热诚期盼各位青年才俊，能选择建德作为梦想的新起点、事业的新平台，在这里发光发热、大展宏图”。',
								'今年4月份招聘季以来，这已是朱欢第四次对广大人才抛出“绣球”，工作日程透露着他对人才的渴望——4月1日“双招双引”大会、4月8日率队走访上海驻沪投资（人才）服务办公室、4月15日建德市委人才工作领导小组会议……“4月19日还要与建德全市青年人才代表进行座谈交流。”朱欢说。“拼抢”人才建德不遗余力。“区域竞争，关键是人才竞争。对建德来说，要实现打造宜居建德、推动跨越赶超的目标，靠的不仅仅是项目建设、资金投入、基础设施、民生实事，背后归根到底靠的还是人才。”朱欢解释。',
								'据了解，今年以来建德市坚持以大视野、大格局狠抓人才工作，打造最优人才栖息地。“双招双引”驻点专班已派驻北京、上海、杭州，聚焦通用航空、生物医药、新材料等新兴产业发展需求“招商引才”；大学生“星空”计划已推出“云聘会”及国内高校专场招聘15场，布局高校引才工作站10个，达成初步意向2000余人；与浙江大学、武汉大学、国科大杭州高等研究院、浙江农林大学等校地合作也在不断深化。另外，建德人才管理服务云平台也将于近期上线，通过全流程云端操作，集成子女入学、信贷服务、免费旅游、医疗保健等人才服务功能。“下一步，我们将借好‘智力东风’为建德发展服务，并围绕新时代浙江工匠培养计划，加强高技能人才队伍建设，计划全年培育500名建德豆腐包师傅和100名草莓师傅。”建德市委人才办相关负责人表示，新一轮人才新政会在原先“双600万”的政策基础上，持续加码抢人才、抢项目。今年，人才指标也将被纳入建德工业企业“亩均论英雄”绩效评价体系，倒逼企业转型升级。（新华社客户端）',
							],
						],
						icon: require('../../assets/rightList/icon/zdyq.png'),
						imgUrl: [require('../../assets/rightList/rd_zdyq.jpg')],
					},
				],
				zj_columns: [
					{
						title: '镇街名称',
						dataIndex: 'name',
						key: 'name',
					},
					{
						title: '红榜数量',
						dataIndex: 'quantity',
						key: 'quantity',
						align: 'center',
						scopedSlots: { customRender: 'test' },
					},
					{
						title: '红榜率',
						dataIndex: 'proportion',
						key: 'proportion',
						align: 'center',
					},
				],
				zj_right_up: [
					{
						key: '1', // 依次递增
						name: '梅城镇', // 区域名称
						quantity: {
							red: 7, // 当前月红榜数
							total: 12, // 当前月总榜数
						},
						proportion: '58.3%', // 红榜率
					},
					{
						key: '2',
						name: '高铁新区',
						quantity: {
							red: 4,
							total: 8,
						},
						proportion: '50.0%',
					},
					{
						key: '3',
						name: '航空小镇',
						quantity: {
							red: 1,
							total: 2,
						},
						proportion: '50.0%',
					},
					{
						key: '4',
						name: '寿昌镇',
						quantity: {
							red: 6,
							total: 14,
						},
						proportion: '42.9%',
					},
					{
						key: '5',
						name: '更楼街道',
						quantity: {
							red: 5,
							total: 14,
						},
						proportion: '35.7%',
					},
					{
						key: '6',
						name: '大同镇',
						quantity: {
							red: 5,
							total: 14,
						},
						proportion: '35.7%',
					},
					{
						key: '7',
						name: '大慈岩镇',
						quantity: {
							red: 5,
							total: 14,
						},
						proportion: '35.7%',
					},
					{
						key: '8',
						name: '下涯镇',
						quantity: {
							red: 4,
							total: 14,
						},
						proportion: '28.6%',
					},
					{
						key: '9',
						name: '莲花镇',
						quantity: {
							red: 4,
							total: 14,
						},
						proportion: '28.6%',
					},
					{
						key: '10',
						name: '乾潭镇',
						quantity: {
							red: 4,
							total: 14,
						},
						proportion: '28.6%',
					},
					{
						key: '11',
						name: '杨村桥镇',
						quantity: {
							red: 3,
							total: 14,
						},
						proportion: '21.4%',
					},
					{
						key: '12',
						name: '钦堂乡',
						quantity: {
							red: 3,
							total: 14,
						},
						proportion: '21.4%',
					},
					{
						key: '13',
						name: '李家镇',
						quantity: {
							red: 3,
							total: 14,
						},
						proportion: '21.4%',
					},
					{
						key: '14',
						name: '航头镇',
						quantity: {
							red: 3,
							total: 14,
						},
						proportion: '21.4%',
					},
					{
						key: '15',
						name: '大洋镇',
						quantity: {
							red: 3,
							total: 14,
						},
						proportion: '21.4%',
					},
					{
						key: '16',
						name: '新安江街道',
						quantity: {
							red: 2,
							total: 12,
						},
						proportion: '16.7%',
					},
					{
						key: '17',
						name: '三都镇',
						quantity: {
							red: 2,
							total: 14,
						},
						proportion: '14.3%',
					},
					{
						key: '18',
						name: '洋溪街道',
						quantity: {
							red: 2,
							total: 14,
						},
						proportion: '14.3%',
					},
				],
				bm_columns: [
					{
						title: '部门名称',
						dataIndex: 'name',
						key: 'name',
					},
					{
						title: '红榜数量',
						dataIndex: 'quantity',
						key: 'quantity',
						align: 'center',
						scopedSlots: { customRender: 'test' },
					},
					{
						title: '红榜率',
						dataIndex: 'proportion',
						key: 'proportion',
						align: 'center',
					},
				],
				bm_right_up: [
					{
						key: '1',
						name: '工商局',
						quantity: {
							red: 1,
							total: 1,
						},
						proportion: '100%',
					},
					{
						key: '2',
						name: '人社局',
						quantity: {
							red: 2,
							total: 2,
						},
						proportion: '100%',
					},
					{
						key: '3',
						name: '民政局',
						quantity: {
							red: 2,
							total: 2,
						},
						proportion: '100%',
					},
					{
						key: '4',
						name: '教育局',
						quantity: {
							red: 1,
							total: 1,
						},
						proportion: '100%',
					},
					{
						key: '5',
						name: '住建局',
						quantity: {
							red: 3,
							total: 4,
						},
						proportion: '75%',
					},
					{
						key: '6',
						name: '纪委监委',
						quantity: {
							red: 2,
							total: 3,
						},
						proportion: '66.7%',
					},
					{
						key: '7',
						name: '发改局',
						quantity: {
							red: 2,
							total: 3,
						},
						proportion: '66.7%',
					},
					{
						key: '8',
						name: '农业农村局',
						quantity: {
							red: 2,
							total: 3,
						},
						proportion: '66.7%',
					},
					{
						key: '9',
						name: '城管局',
						quantity: {
							red: 2,
							total: 3,
						},
						proportion: '66.7%',
					},
					{
						key: '10',
						name: '经信局',
						quantity: {
							red: 2,
							total: 3,
						},
						proportion: '66.7%',
					},
					{
						key: '11',
						name: '供销总社',
						quantity: {
							red: 1,
							total: 2,
						},
						proportion: '50%',
					},
					{
						key: '12',
						name: '团市委',
						quantity: {
							red: 1,
							total: 2,
						},
						proportion: '50%',
					},
					{
						key: '13',
						name: '审计局',
						quantity: {
							red: 1,
							total: 3,
						},
						proportion: '33.3%',
					},
					{
						key: '14',
						name: '审管办',
						quantity: {
							red: 1,
							total: 3,
						},
						proportion: '33.3%',
					},
				],
			};
		},

		mounted() {
			this.drawCharts();
			this.setTime();

			console.log('获取code');
			return this.getAuthCode();
			if (window.location.search) {
				// 已登录:-> 获取code
				const codeParam = window.location.search
					.slice(1)
					.split('&')
					.filter((query) => query.includes('code'));
				if (!codeParam || !codeParam[0]) return this.singleLogin();
				const code = codeParam[0].slice(5);
				console.log(code);
				this.getAuthCode(code);
			} else {
				// 未登录:-> 进行扫码
				this.singleLogin();
			}
		},

		methods: {
			// 浙政钉登录
			singleLogin() {
				// 测试环境
				// const client_id = 'jd_ztzz_dingoa';
				// const domain = 'login.dg-work.cn';

				// 正式环境
				const client_id = 'jd_djtlztzz_dingoa';
				const domain = 'login-pro.ding.zj.gov.cn';

				const redirect_uri = 'https://lst.jiande.gov.cn:8497/ldbp/index.html#/home';

				window.location.replace(
					`https://${domain}/oauth2/auth.htm?response_type=code&client_id=${client_id}&redirect_uri=${redirect_uri}&scope=get_user_info&authType=QRCODE&embedMode=true`
				);
			},
			getAuthCode() {
				dd
					.getAuthCode({
						corpId: '196729',
					})
					.then(({ auth_code }) => {
						this.getUerInfo(auth_code);
					})
					.catch((err) => {
						console.log(err);
					});
			},
			getUerInfo(code) {
				axios({
					method: 'get',
					url: 'https://lst.jiande.gov.cn:8497/zzdUser',
					// url: 'https://192.168.0.115:8443/competition_jiande/zzdUser/getUser',
					headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
					params: { code },
				})
					.then((data) => {
						console.log(data);
					})
					.catch((err) => {
						console.log(err);
					});
			},
			closeBox() {
				this.currentBipin = -1;
			},
			showRightList(index) {
				this.right_down = true;
				this.currentBipin = index;
			},
			tabOver() {
				clearInterval(this.time);
			},
			tabOut() {
				this.setTime();
			},
			setTime() {
				clearInterval(this.time);
				this.time = setInterval(() => {
					tab[0].scrollTop += 1;
					tab[1].scrollTop += 1;
				}, 50);
			},
			tojgbm() {
				this.is_xzjd_tab = true;
				tab[1].scrollTop = 0;
				this.setTime();
			},
			toxzjd() {
				this.is_xzjd_tab = false;
				tab[0].scrollTop = 0;
				this.setTime();
			},
			// 绘制图表
			drawCharts() {
				let self = this;
				// 左上 —— 环形图
				// let left_up = this.$echarts.init(document.getElementById('left_up'));
				// left_up.setOption({
				//   tooltip: {
				//     trigger: 'item',
				//   },
				//   grid: {
				//     top: 0,
				//   },
				//   legend: {
				//     bottom: '5%',
				//     left: 'center',
				//     width: '100%',
				//     height: '39%',
				//     itemWidth: 15,
				//     itemHeight: 10,
				//     itemGap: 15,
				//     formatter: function(name) {
				//       let target, percent;
				//       for (var i = 0, l = data_1.length; i < l; i++) {
				//         if (data_1[i].name == name) {
				//           target = data_1[i].value;
				//           percent = data_1[i].percent;
				//         }
				//       }
				//       return [
				//         `{name|${name}}`,
				//         `{num|${target}}   {percent|${percent}}`,
				//       ].join('\n');
				//     },
				//     textStyle: {
				//       rich: {
				//         name: {
				//           fontSize: 12,
				//           fontWeight: 'bold',
				//           color: '#333',
				//           padding: [40, 0, 0, 0],
				//         },
				//         percent: {
				//           color: '#d92323',
				//         },
				//         num: {
				//           fontSize: 16,
				//           color: '#333',
				//           padding: [10, 0],
				//         },
				//       },
				//     },
				//   },
				//   series: [
				//     {
				//       name: '数量',
				//       type: 'pie',
				//       radius: ['45%', '60%'],
				//       avoidLabelOverlap: false,
				//       label: {
				//         show: false,
				//         // position: 'center'
				//       },
				//       labelLine: {
				//         show: false,
				//       },
				//       data: data_1,
				//       center: ['50%', '30%'],
				//     },
				//   ],
				//   color: ['#EE6666', '#FAC858', '#B8DEFC', '#434242'],
				// });
				// 中下 —— 建德市乡镇区地区
				let middle_down = this.$echarts.init(document.getElementById('middle_down'));
				this.$echarts.registerMap('JD', GeoJSON);
				middle_down.setOption({
					visualMap: {
						type: 'piecewise',
						splitNumber: 3,
						// text: ['红榜率'],
						text: [''],
						// showLabel: true,
						showLabel: false,
						top: '22%',
						left: '5%',
						// itemWidth: 12,
						itemWidth: 0,
						// itemHeight: 12,
						itemHeight: 0,
						itemGap: 15,
						itemSymbol: 'rect',
						pieces: [
							{
								min: 0,
								max: 30,
								label: '0%-30%',
								color: '#b8defb',
							},
							{
								min: 30,
								max: 50,
								label: '30%以上',
								color: '#72c0f9',
							},
							{
								min: 50,
								max: 100,
								label: '50%以上',
								color: '#1891ff',
							},
						],
					},
					series: [
						{
							top: '2%',
							right: '2%',
							bottom: '5%',
							left: '2%',
							name: '建德各乡镇红榜率',
							type: 'map',
							mapType: 'JD', // 自定义扩展图表类型
							itemStyle: {
								areaColor: '#b8defb',
								color: '#FF7070',
								borderColor: '#fff',
								borderWidth: 2,
							},
							emphasis: {
								itemStyle: {
									color: '#FF7070',
									areaColor: '#f88787',
								},
							},
							select: {
								itemStyle: {
									areaColor: '#FF7070',
								},
							},
							label: {
								show: true,
								fontSize: 11,
								fontWeight: 'bold',
								align: 'left',
								color: '#333333bc',
								offset: [0, 0],
							},
							data: [
								{
									name: '梅城镇', // 区域名称 String
									value: 58.3, // 红榜率（注意：要去掉百分号%） Int
									label: {
										offset: [-42, -5],
									},
								},
								{ name: '高铁新区', value: 50.0 },
								{
									name: '航空小镇',
									value: 50.0,
									label: {
										offset: [-28, 0],
									},
								},
								{
									name: '寿昌镇',
									value: 42.9,
									label: {
										offset: [28, 12],
									},
								},
								{
									name: '更楼街道',
									value: 35.7,
									label: {
										offset: [6, 4],
									},
								},
								{
									name: '大同镇',
									value: 35.7,
									label: {
										offset: [10, 0],
									},
								},
								{
									name: '大慈岩镇',
									value: 35.7,
									label: {
										offset: [15, 5],
									},
								},
								{
									name: '下涯镇',
									value: 28.6,
									label: {
										offset: [-10, 0],
									},
								},
								{ name: '莲花镇', value: 28.6 },
								{
									name: '乾潭镇',
									value: 28.6,
									label: {
										offset: [-20, 8],
									},
								},
								{ name: '杨村桥镇', value: 21.4 },
								{
									name: '钦堂乡',
									value: 21.4,
									label: {
										offset: [5, 3],
									},
								},
								{
									name: '李家镇',
									value: 21.4,
									label: {
										offset: [10, -10],
									},
								},
								{
									name: '航头镇',
									value: 21.4,
									label: {
										offset: [42, -2],
									},
								},
								{
									name: '大洋镇',
									value: 21.4,
									label: {
										offset: [-10, -6],
									},
								},
								{
									name: '新安江街道',
									value: 16.7,
									label: {
										offset: [0, 6],
									},
								},
								{
									name: '三都镇',
									value: 14.3,
									label: {
										offset: [0, -10],
									},
								},
								{
									name: '洋溪街道',
									value: 14.3,
									label: {
										offset: [6, -6],
									},
								},
							],
						},
					],
				});
				middle_down.on('click', function (params) {
					// 方法一：请求

					// 方法二：假数据
					self.listContent = params.name;
					self.mapList = true;
				});
				// 窗口发生变化 图表自适应
				window.onresize = function () {
					// left_up.resize();
					// left_down.resize()
					middle_down.resize();
				};
			},
			// 搜索
			onSearch(value) {
				console.log(value);
			},
			// 斑马表格
			rowName(record, index) {
				let className = 'light';
				if (index % 2 === 1) className = 'dark';
				return className;
			},
		},
	};
</script>

<style scoped>
	.modal >>> .ant-modal {
		top: 30px !important;
	}
	.modal >>> .ant-btn-primary {
		display: none;
	}
	.ant-carousel >>> .slick-slide {
		text-align: center;
		height: 13vw;
		line-height: 13vw;
		margin-top: 1vw;
		background: #fff;
		overflow: hidden;
	}

	.ant-carousel >>> .slick-slide h3 {
		color: #fff;
	}
	/* 最外层容器 */
	#home {
		padding: 0 1.52vw;
		box-sizing: border-box;
		min-height: 100vh;
		background-color: #f5fafb;
	}

	/* 主要内容 */
	.content {
		display: flex;
		justify-content: space-between;
	}
	/* 卡片通用样式 */
	.card {
		margin-bottom: 1.5vw;
	}

	.left > .card {
		width: 20vw;
	}
	.left_up {
		height: 24vw;
	}
	.left_up p {
		text-indent: 2em;
		color: #333;
		font-size: 1vw;
		line-height: 2vw;
	}
	.left_down {
		height: 19vw;
	}

	/* 左 */
	.left_down {
		position: relative;
	}
	.left_down .title {
		margin-bottom: 0.4vw;
	}
	.pie_progress {
		width: 100%;
		text-align: center;
	}
	.pie_progress >>> .ant-progress-text {
		color: #000;
		font-size: 1.7vw;
		font-weight: bold;
		top: 40%;
	}
	.progress_label {
		position: absolute;
		top: 8vw;
		left: 50%;
		transform: translateX(-50%);
		font-size: 1.3vw;
	}
	.pie_legends {
		margin-top: 1vw;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		font-size: 1vw;
	}
	.total_box {
		margin-right: 2vw;
	}
	.total_num {
		color: #000;
		font-size: 1.6vw;
		font-weight: bold;
	}
	.num_list {
		margin-right: 1.4vw;
	}
	.num_list > li {
		display: flex;
		align-items: center;
	}
	.num_list .dot {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		margin-right: 18px;
	}
	.num_list .number {
		font-size: 1.6vw;
		font-weight: bold;
		margin-left: 10px;
	}
	.num_list > li:nth-child(1) > .dot {
		background-color: #1691ff;
	}
	.num_list > li:nth-child(1) > .number {
		color: #1691ff;
	}
	.num_list > li:nth-child(2) > .dot {
		background-color: #70bef5;
	}
	.num_list > li:nth-child(2) > .number {
		color: #70bef5;
	}
	.num_list > li:nth-child(3) > .dot {
		background-color: #b3e1ff;
	}
	.num_list > li:nth-child(3) > .number {
		color: #b3e1ff;
	}

	/* 搜索栏 */
	.search_box {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		position: relative;
		margin-bottom: 1.65vw;
	}
	.search_icon {
		position: absolute;
		top: 50%;
		left: 6vw;
		transform: translateY(-50%);
	}
	.search_box > input {
		outline: none;
		border: 1px solid #d6d9d9;
		border-right: none;
		width: 32.47vw;
		height: 2.29vw;
		text-indent: 2.8vw;
	}
	.search_button {
		width: 6.2vw;
		text-align: center;
		line-height: 2.4vw;
		color: #fff;
		background-color: #ffae02;
		font-size: 1.1vw;
		font-weight: 600;
		cursor: pointer;
	}
	/* 浮动卡片 */
	.floatCard_bar {
		width: 44.08vw;
		margin: 3vw auto 4.7vw;
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}
	.floatCard_box {
		position: relative;
		width: 12vw;
		height: 4vw;
	}
	.floatCard {
		width: 12vw;
		height: 4vw;
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 8px;
		box-shadow: rgb(0 0 0 / 5%) 0px 0px 5px 0px;
		overflow: hidden;
		cursor: pointer;
		transition: all 0.2s;
		z-index: 99;
	}
	.floatCard:hover {
		transform: translate(-0.2vw, -0.2vw);
		box-shadow: rgb(0 0 0 / 45%) 3px 3px 15px 1px;
		height: 200px;
		z-index: 999;
	}
	.floatCard.fc_add_0:hover {
		height: 4vw;
	}
	.floatCard.fc_add_1:hover {
		height: 8vw;
	}
	.floatCard.fc_add_2:hover {
		height: 12vw;
	}
	.floatCard.fc_add_3:hover {
		height: 16vw;
	}
	.floatCard.fc_add_4:hover {
		height: 20vw;
	}
	.floatCard.fc_add_5:hover {
		height: 24vw;
	}
	.floatCard.fc_big.fc_big_add_1:hover {
		height: 9vw;
	}
	.floatCard.fc_big.fc_big_add_2:hover {
		height: 13.5vw;
	}
	.floatCard.fc_big.fc_big_add_3:hover {
		height: 18vw;
	}
	.floatCard_box.fc_big {
		width: 14vw;
		height: 4.5vw;
	}
	.floatCard.fc_big {
		width: 14vw;
		height: 4.5vw;
	}
	.floatCard.fc_big > div {
		line-height: 4.5vw;
	}
	.floatCard > div {
		text-align: center;
		line-height: 4vw;
	}
	.fc_big .floatCard_title {
		font-size: 1.6vw;
	}
	.floatCard_title {
		color: #fff;
		font-size: 1.45vw;
		font-weight: 600;
		background-color: #1494fa;
	}
	.floatCard_info {
		font-size: 1.2vw;
		background-color: #fff;
		border-bottom: 1px solid #1494fa10;
	}
	.redNum {
		color: #58aff9;
		font-weight: bold;
	}
	.totalNum {
		color: #303030;
		font-weight: bold;
	}
	.prop {
		color: #999;
		margin-left: 1.3vw;
	}
	.info_key {
		font-size: 1.2vw;
		/* display: inline-block; */
		margin: 0 auto;
		width: 80%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		/* vertical-align: middle; */
		/* margin-left: 8px; */
	}
	.info_value {
		display: inline-block;
		width: 30%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		vertical-align: middle;
		color: #999;
	}

	.middle_down {
		width: 48.47vw;
		height: 23vw;
		position: relative;
	}
	.middle_down_map {
		position: absolute;
		top: 0;
		left: 0;
	}

	.right > .card {
		width: 24vw;
	}
	.right_up {
		height: 24vw;
	}
	.right_down {
		height: 19vw;
	}
	.right_down > .title,
	.right_up > .title {
		margin-bottom: 1.08vw;
	}
	.title_txt {
		margin-right: 1.5vw;
	}
	.change_tab_btn {
		width: 5.41vw;
		text-align: center;
		line-height: 2.22vw;
		border-radius: 1.11vw;
		background: #fff;
		cursor: pointer;
	}
	.change_tab_btn.active {
		color: #fff;
		background: #1593fd;
	}
	.tab >>> th {
		color: #333333dd;
		font-weight: bold;
		background-color: #dcefff;
		white-space: nowrap;
	}
	.tab >>> .light {
		background-color: white;
	}
	.tab >>> .dark {
		background-color: #f7f8f9;
	}

	/* 比拼展示台列表 */
	.bipin_list {
		height: 13.5vw;
		overflow: auto;
	}
	.binpin_item {
		display: flex;
		align-items: center;
		line-height: 2.16vw;
		color: #333;
		font-size: 0.84vw;
		border-bottom: 1px dashed #33333390;
	}
	.dot {
		flex-shrink: 0;
		width: 0.48vw;
		height: 0.48vw;
		border-radius: 50%;
		margin-right: 0.8vw;
		background-color: rgb(20, 146, 255);
	}
	.binpin_txt {
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}
	.binpin_txt div {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 1.1vw;
		margin-left: 0.6vw;
		letter-spacing: 0.25vw;
	}
	.binpin_txt img {
		width: 1.5vw;
		margin-right: 2vw;
	}
	.map_item {
		text-indent: 1em;
		background: #e5f4ff90;
		line-height: 1.9vw;
		display: flex;
		align-items: flex-start;
		margin-bottom: 0.8vw;
		padding-right: 0.4vw;
		box-sizing: border-box;
	}
	.map_item > .circle {
		width: 0.7vw;
		height: 0.7vw;
		border-radius: 50%;
		background-color: #1593fd;
		margin-left: 0.5vw;
		margin-top: 0.55vw;
		flex-shrink: 0;
	}
	.map_item > .content {
		margin-left: 0.2vw;
	}
</style>
